<!DOCTYPE html>
<style>
html {
  background: linear-gradient(to bottom, blue, cyan);
  border-bottom-width: 150px;
  border-bottom-style: solid;
}
body {
  margin: 0;
}
</style>
<div id="div" style="height: 50px"></div>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  // This test is similar to viewport-gradient-background-html-resize.html but
  // the size of the html element does not change, only its overflow does.
  // Test passes if the gradient background changes size and fully repaints.
  div.style.height = '200px';
  document.documentElement.style.borderBottomWidth = '0px';
}
onload = runRepaintAndPixelTest;
</script>
